.search{
    min-height: 100vh;
    background: #fff;
    padding: 20rpx;
    box-sizing: border-box;
    &-input{
        background: #fff;
        position: fixed;
        top:0;
        right:20rpx;
        left:20rpx;
        display: flex; 
        align-items: center;
        justify-content: space-between;
        input{
            display: block;
            width: 620rpx;
            height: 60rpx;
            border-radius: 30rpx;
            background: #F5F5F5;
            padding-left: 80rpx;
            box-sizing: border-box;
            font-size: 24rpx;
            color:#999;
        }
        .btn{
           
           color:#000;
           font-size: 26rpx;
               
        }
        .icon{
            width: 34rpx;
            height: 35rpx;
            position: absolute;
            top:50%;
            left:30rpx;
            z-index: 2;
            transform: translateY(-50%);
        }
    }

    %searchGroup{
        margin-bottom: 60rpx;
        &:last-child{
            margin-bottom: 0;
        }
        .title{
            font-size: 26rpx;
            color:#000;
            position: relative;
            z-index: 1;
            font-weight: bold;
        }
        .clear{
            position: absolute;
            right:0;
            top:0;  
            color:#666;
            font-weight: normal;
            font-size: 24rpx;

        }
        .list{
            font-size:0;
            padding-top: 30rpx;
        }
    }


    &-group{
        @extend %searchGroup;
         
        .item{
                font-size:26rpx;
                color:#000;
                height: 70rpx;
                line-height: 70rpx;
                border-radius:35rpx;
                padding: 0 30rpx;
                display: inline-block;
                vertical-align: top;
                margin-right: 20rpx;
                background: #f0f0f0;
                &:last-child{
                    margin-right: 20rpx;
                }
        }   
    }

    .con{
        padding-top: 80rpx;
        .shopcard{
            margin-bottom: 20rpx;
            &:last-child{
                margin-bottom: 0;
            }
        }
    }

   
}